.find{
  width: 100%;
  position: absolute;
  height: 100%;
  .head{
    height: 42px;
    background: #FF5D38;
    font-size: 16px;
    text-align: center;
    color: #fff;
    line-height: 42px;
    text-align: center;
    position: relative;
    .head-icon{
      font-size: 20px;
      position: absolute;
      left:15px;
    }
  }
  .head-main{
    height: 125px;
    //overflow: hidden;
    .vux-slider > .vux-swiper {
      height: 125px !important;
    }
    .vux-slider > .vux-indicator > a > .vux-icon-dot.active, .vux-slider .vux-indicator-right > a > .vux-icon-dot.active {
      background-color: #FF5D38;
    }
    .vux-slider > .vux-indicator > a > .vux-icon-dot, .vux-slider .vux-indicator-right > a > .vux-icon-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
    }
    .vux-slider > .vux-indicator, .vux-slider .vux-indicator-right {
      right: 46%;
    }
    img{
      height: 100%;
      width: 100%;
    }
  }
  .find-head{
    img{
      height: 140px;
      width: 100%;
    }
  }
  .find-content{
      padding: 0px 10px;
      .find-content-head{
        color: #666;
        height: 82px;
        line-height: 82px;
        font-size: 14px;
        img{
          height: 32px;
          margin-right: 10px;
        }
        .head-icon {
          float: right;
          color: #ccc;
        }
        i{

        }
      }
      .fint-list{
        padding: 13px 0px;
        border-top: 1px solid #ccc;
        ul{
          overflow: hidden;
          font-size: 16px;
          li{
            height: 100px;
            float: left;
            width: 50%;
            box-sizing: border-box;
            i{
              font-size: 25px;
            }
          }
          .find-border-one{
            border-right: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
          }

        }
      }
  }
  .find-footer{
    height: 82px;
    background: #f4f4f4;
    img{
      margin: 0 auto;
      height: 33px;
      margin-top: 18px;
    }
  }
































}
